<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>Hello React</title>
        <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
        <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
        <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
    </head>
    <body>
        <div id="example"></div>
        <div id="container"></div>
        <!-- ReactDOM.render(
                <h1>hello world!</h1>,
                document.getElementById('example')
            ); -->
        <!-- <script type="text/babel">
            class HelloMessage extends React.Component {
              render() {
                return <div>Hello {this.props.name}</div>;
              }
            }

            ReactDOM.render(
              <HelloMessage name="John" />,
              document.getElementById('container')
            );
        </script> -->
        <script type="text/babel" src="js/start1.js"></script>
        <!-- <div id="example"></div>
        <script type="text/babel">
          ReactDOM.render(
            <h1>Hello, world!</h1>,
            document.getElementById('example')
          );
        </script> -->
    </body>
</html>